@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');
/* css初始化 */
body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font: 14px 'PingFang SC', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
  -webkit-text-size-adjust: 100%;
  /* 解决移动端点击时的蓝色背景 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button,
input {
  font: inherit;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

em {
  font-style: normal;
}

li {
  list-style: none;
}

img {
  border: 0;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

p {
  word-wrap: break-word;
}

/* 整体部分 */
::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}

/* 背景边角 */
::-webkit-scrollbar-corner {
  border-radius: 8px;
}

/* 滚动滑块 */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #cccccc;
  transition: all 0.2s ease-in-out;

  &:hover {
    background-color: #b2b2b2;
  }
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}